<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib uri="http://www.ssmpj.com/ssmtaglib" prefix="ssm"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%request.setAttribute("STATIC","../static");%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title><ssm:block name="title">${WEB_TITLE eq null?"ThinkSSM后台管理系统":WEB_TITLE}</ssm:block></title>
		<meta name="keywords" content="Bootstrap模版,Bootstrap模版下载,Bootstrap教程,Bootstrap中文" />
		<meta name="description" content="JS代码网提供Bootstrap模版,Bootstrap教程,Bootstrap中文翻译等相关Bootstrap插件下载" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<!-- basic styles -->

		<link href="${STATIC}/css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="${STATIC}/css/font-awesome.min.css" />
		<link rel="stylesheet" href="${STATIC}/css/jquery.gritter.css" />
		
		
		<!-- SSM style -->
		<style>
			#tableBtn a{text-decoration:none;}
		</style>
		
		<ssm:block name="style"></ssm:block>
		
		<!-- ace styles -->

		<link rel="stylesheet" href="${STATIC}/css/ace.min.css" />
		<link rel="stylesheet" href="${STATIC}/css/ace-rtl.min.css" />
		<link rel="stylesheet" href="${STATIC}/css/ace-skins.min.css" />
		<!-- ace settings handler -->
		<script src="${STATIC}/js/ace-extra.min.js"></script>
		
		
		
	</head>

	<body>
		<div class="navbar navbar-default" id="navbar">
			<script type="text/javascript">
				try{ace.settings.check('navbar' , 'fixed')}catch(e){}
			</script>

			<div class="navbar-container" id="navbar-container">
				<div class="navbar-header pull-left">
					<a href="#" class="navbar-brand">
						<small>
							<i class="icon-leaf"></i>
							${DEFAULT_WEB_NAME eq null?"ThinkSSM后台管理系统":DEFAULT_WEB_NAME}
						</small>
					</a><!-- /.brand -->
				</div><!-- /.navbar-header -->

				<div class="navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav">

						<li class="light-blue">
							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
								<img class="nav-user-photo" src="${STATIC}/avatars/user.jpg" alt="Jason's Photo" />
								<span class="user-info">
									<small>Welcome,</small>
									Jason
								</span>

								<i class="icon-caret-down"></i>
							</a>

							<ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
								<li>
									<a href="#">
										<i class="icon-cog"></i>
										设置
									</a>
								</li>

								<li>
									<a href="<c:url value="/User/info"/>">
										<i class="icon-user"></i>
										个人信息
									</a>
								</li>

								<li class="divider"></li>

								<li>
									<a href="<c:url value="/User/logout"/>">
										<i class="icon-off"></i>
										退出
									</a>
								</li>
							</ul>
						</li>
					</ul><!-- /.ace-nav -->
				</div><!-- /.navbar-header -->
			</div><!-- /.container -->
		</div>

		<div class="main-container" id="main-container">
			<script type="text/javascript">
				try{ace.settings.check('main-container' , 'fixed')}catch(e){}
			</script>

			<div class="main-container-inner">
				<a class="menu-toggler" id="menu-toggler" href="#">
					<span class="menu-text"></span>
				</a>

				<div class="sidebar" id="sidebar">
					<script type="text/javascript">
						try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
					</script>

					<div class="sidebar-shortcuts" id="sidebar-shortcuts">
						<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
							<button class="btn btn-success">
								<i class="icon-signal"></i>
							</button>

							<button class="btn btn-info">
								<i class="icon-pencil"></i>
							</button>

							<button class="btn btn-warning">
								<i class="icon-group"></i>
							</button>

							<button class="btn btn-danger">
								<i class="icon-cogs"></i>
							</button>
						</div>

						<div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
							<span class="btn btn-success"></span>

							<span class="btn btn-info"></span>

							<span class="btn btn-warning"></span>

							<span class="btn btn-danger"></span>
						</div>
					</div><!-- #sidebar-shortcuts -->

					<ul class="nav nav-list"><!-- 只实现了2级菜单 -->
					<c:forEach items="${MENU_LIST.childrenList}" var="menu">	
						<li>
							<a href="<c:url value="${menu.link}"/>" <c:if test="${menu.hasNext}">class="dropdown-toggle"</c:if>>
								<i class="icon-cloud"></i>
								<span class="menu-text">${menu.name}</span>
								<c:if test="${menu.hasNext}">
								<b class="arrow icon-angle-down"></b>
								</c:if>
							</a>
							<c:if test="${menu.hasNext}">
								<ul class="submenu">
									<c:forEach items="${menu.childrenList}" var="menu">	
										<li>
										<a href="<c:url value="${menu.link}"/>" <c:if test="${menu.hasNext}">class="dropdown-toggle"</c:if>>
											<i class="icon-cloud"></i>
											<span class="menu-text">${menu.name}</span>
										</a>
										</li>
									</c:forEach>
								</ul>
							</c:if>
						</li>
					</c:forEach>
					</ul><!-- /.nav-list -->

					<div class="sidebar-collapse" id="sidebar-collapse">
						<i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
					</div>

					<script type="text/javascript">
						try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
					</script>
				</div>

				<div class="main-content">
					<div class="breadcrumbs" id="breadcrumbs">
						<script type="text/javascript">
							try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
						</script>

						<ul class="breadcrumb">
						<c:forEach items="${BREADCRUMB}" var="item" varStatus="status">
							<li <c:if test="${status.last}"> class="active"</c:if>>
							
								<c:if test="${status.first}"><i class="icon-home home-icon"></i></c:if>
								<c:choose>
									<c:when test="${!status.last}">
										<a href="<c:url value="${item.link}"/>">${item.title}</a>
									</c:when>
									<c:when test="${status.last}">
										${item.title}
									</c:when>
								</c:choose>
							</li>
						</c:forEach>
						</ul><!-- .breadcrumb -->

						<div class="nav-search" id="nav-search">
							<form class="form-search">
								<span class="input-icon">
									<input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
									<i class="icon-search nav-search-icon"></i>
								</span>
							</form>
						</div><!-- #nav-search -->
					</div>

					<div class="page-content">
						<div class="row">
							<div class="col-xs-12">
								<!-- PAGE CONTENT BEGINS -->
								<div class="row">
								
								<ssm:block name="context">body体部分</ssm:block>
								
								</div>
								<!-- PAGE CONTENT ENDS -->
							</div><!-- /.col -->
						</div><!-- /.row -->
					</div><!-- /.page-content -->
				</div><!-- /.main-content -->

				<div class="ace-settings-container" id="ace-settings-container">
					<div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
						<i class="icon-cog bigger-150"></i>
					</div>

					<div class="ace-settings-box" id="ace-settings-box">
						<div>
							<div class="pull-left">
								<select id="skin-colorpicker" class="hide">
									<option data-skin="default" value="#438EB9">#438EB9</option>
									<option data-skin="skin-1" value="#222A2D">#222A2D</option>
									<option data-skin="skin-2" value="#C6487E">#C6487E</option>
									<option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
								</select>
							</div>
							<span>&nbsp; Choose Skin</span>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
							<label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
							<label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
							<label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
							<label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
						</div>

						<div>
							<input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
							<label class="lbl" for="ace-settings-add-container">
								Inside
								<b>.container</b>
							</label>
						</div>
					</div>
				</div><!-- /#ace-settings-container -->
			</div><!-- /.main-container-inner -->

			<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
				<i class="icon-double-angle-up icon-only bigger-110"></i>
			</a>
		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->

		<script src="${STATIC}/js/jquery.min.js"></script>

		<!-- <![endif]-->

		<!--[if IE]>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<![endif]-->

		<!--[if !IE]> -->

		<script type="text/javascript">
			window.jQuery || document.write("<script src='${STATIC}/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
		</script>

		<!-- <![endif]-->

		<script type="text/javascript">
			if("ontouchend" in document) document.write("<script src='${STATIC}/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>
		<script src="${STATIC}/js/bootstrap.min.js"></script>
		<script src="${STATIC}/js/typeahead-bs2.min.js"></script>
		<script src="${STATIC}/js/jquery.gritter.min.js"></script>
		

		<!-- page specific plugin scripts -->

		<!-- ace scripts -->
<script src="${STATIC}/js/ace-elements.min.js"></script>
		<script src="${STATIC}/js/ace.min.js"></script>
		<script type="text/javascript">
		$(function()
			{//设置菜单展开页 目前只支持2级菜单
				$i=1;
				$str="<c:url value="${BREADCRUMB[1].link}"/>";
				if($str=='#')
					$str="<c:url value="${BREADCRUMB[2].link}"/>";
				$li=$('a[href="'+$str+'"]').parent('li');
				$li.attr("class","active");
				$li=$li.parents('li');
				$li.attr("class","active open");
			

		$('.ajax-post').click(function() {
			var target_form = $(this).attr('target-form');
			var target = $(this).attr('url');
			var form = $('.' + target_form);
			var query = form.serialize();
			$.ajax({
						type : "POST",
						url : target,
						data : query,
						dataType:"JSON",
						success : function(data) {
								if(data.success==0)
							$.gritter.add({
										title : '出错啦······',
										text : data.message,
										class_name : 'gritter-info gritter-center'
									});
								else
									location.reload(true);
						},
						error : function(data) {
							$.gritter.add({
										title : '出错啦······',
										text : '连接出错，请重试',
										class_name : 'gritter-info gritter-center'
									});
						}
					});
				});
			});
		</script>

	<ssm:block name="script"></ssm:block>


	</body>
</html>
